<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<div class="header">
			<input type="text" class="ipt" placeholder="add new to-do...">
		</div>
		<div class="add_to">
			<ul class="list1">
				<!-- <li>
					<img src="images/2.png" class="list1_img">
					<span class="list1_txt">aaa</span>
				</li> -->
			</ul>
			<p class="done">~done~</p>
			<ul class="list2">
				<!-- <li>
					<img src="images/1.png" class="list2_img">
					<span class="list2_txt">aaa</span>
				</li> -->
			</ul>
		</div>
		<div class="delete">
			<div class="del">
				<img src="images/a_2.png">
			</div>
			<div class="video">
				<img src="images/a_6.png">
			</div>
		</div>
		<script src="js/todo.js"></script>
	</body>
</html>
